﻿body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img{border:medium none;margin: 0;padding: 0;font-size: 100%;}
body,button, input, select, textarea{font-size: 14px;line-height: 1.5;color: #333;font-family: 'Microsoft Yahei';}h1, h2, h3, h4, h5, h6{font-weight: normal;}
input,button,img{border: none;background: none;}input[type="text"],input[type="password"],button{outline: none;-webkit-appearance:none;}em,i{font-style:normal;}
ul, ol{list-style: none;}a{text-decoration: none;color:#333;}
a,a:hover,a:active,a:visited,a:link,a:focus{    -webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;    outline:none;    text-decoration: none;}img{border:0px;  outline-width:0px;  vertical-align:top;}.clearfix { *zoom: 1; } .clearfix:before, .clearfix:after {  display: table; line-height: 0; content: ""; } .clearfix:after { clear: both; } .fl { float:left;}.fr { float:right;}.hide { display:none !important;}.show {display: block !important;}
.loader {display:none;position: absolute;top: 50%;left: 50%;z-index:99;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-mos-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align:center;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;cursor:default;}
.loader .text{position: absolute;width: 100%;text-align: center;top: 1.8em;left: 0;z-index:5;font-size: 2em;text-transform: uppercase;text-align: center;color: #f2f2f2;font-family: 'Open Sans';-webkit-animation: text 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;-moz-animation: text 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;-ms-animation: text 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;-o-animation: text 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;animation: text 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;}
.spinner {position: relative;width: 5em;height: 5em;color:#fff;}
.spinner:before,.spinner:after {content: "";position: relative;display: block;}
.spinner:before {-webkit-animation: spinner 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;-moz-animation: spinner 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;-ms-animation: spinner 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;-o-animation: spinner 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;animation: spinner 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;width: 10em;height: 10em;background-color: #DB2F00;}
.spinner:after {-webkit-animation: shadow 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;-moz-animation: shadow 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;-ms-animation: shadow 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;-o-animation: shadow 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;animation: shadow 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;position: relative;bottom: -1.75em;height: .25em;border-radius: 50%;background-color: #322b27;}@-webkit-keyframes spinner {50%{ -webkit-border-radius: 50%;-webkit-transform: scale(.5) rotate(360deg);background-color: #13A3A5; }100% {-webkit-transform: scale(1) rotate(720deg);background-color: #DB2F00; }}@-moz-keyframes spinner {50%{ -moz-border-radius: 50%;-moz-transform: scale(.5) rotate(360deg);background-color: #13A3A5;}100%{-moz-transform: scale(1) rotate(720deg);background-color: #DB2F00; }}@-mos-keyframes spinner {50%{ -mos-border-radius: 50%;-mos-transform: scale(.5) rotate(360deg);background-color: #13A3A5; }100% {-mos-transform: scale(1) rotate(720deg);background-color: #DB2F00; }}@-o-keyframes spinner {50%{ -o-border-radius: 50%;-o-transform: scale(.5) rotate(360deg);background-color: #13A3A5; }100%{-o-transform: scale(1) rotate(720deg);background-color: #DB2F00; }}@keyframes spinner {50%{ border-radius: 50%;transform: scale(.5) rotate(360deg);background-color: #13A3A5; }100%{transform: scale(1) rotate(720deg);background-color: #DB2F00; }}@-webkit-keyframes shadow {50%{ -webkit-transform: scale(.5);background-color: #322b27; }}@-moz-keyframes shadow {50%{ -moz-transform: scale(.5);background-color: #322b27; }}@-mos-keyframes shadow {50%{ -mos-transform: scale(.5);background-color: #322b27; }}@-o-keyframes shadow {50%{ -o-transform: scale(.5);background-color: #322b27; }}@keyframes shadow {50%{ transform: scale(.5);background-color: #322b27; }}@-webkit-keyframes text {0%{ -webkit-transform: scale(1,1); }50%{ -webkit-transform: scale(.5,.5); }100%{ -webkit-transform: scale(1,1); }}@-moz-keyframes text {0%{ -moz-transform: scale(1,1); }50% { -moz-transform: scale(.5,.5); }100%{ -moz-transform: scale(1,1); }}@-mos-keyframes text {0%{ -mos-transform: scale(1,1); }50%{ -mos-transform: scale(.5,.5); }100%{ -mos-transform: scale(1,1); }}@-o-keyframes text {0%{ -o-transform: scale(1,1); }50%{ -o-transform: scale(.5,.5); }100%{ -o-transform: scale(1,1); }}@keyframes text {0%{ transform: scale(1,1); }50%{ transform: scale(.5,.5);}100%{ transform: scale(1,1); }}
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
        font-size: 14px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  height:100%;
  width:100%;
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}




body {
  font-family:'-apple-system','BlinkMacSystemFont','Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
  background-color: #fff;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  height:100%;
}
img {
  width:100%;
}
.clearfix:before,.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}

